﻿@charset "utf-8";
/* CSS Document */

/*共用样式*/
*{margin:0; padding:0;}
body {font:12px "Microsoft YaHei",Arial, Helvetica;	background:#fff;color: #333;-webkit-text-size-adjust:100%;}
a{color:#353535;text-decoration:none;}
a:hover{color:#00aaee; cursor: pointer;}
em,i{font-style:normal; }
ol,ul,dl,li,dt,dd {list-style:none}
img {border:0;vertical-align:middle} a img{border:0}
table {border-collapse:collapse;border-spacing:0}  

.fl{float:left;}.fr{float:right;}.cl{clear:both;}  .over{overflow:hidden;} 
.fix{*zoom:1;}.fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}.z{_zoom:1;}
.con{width:100%; height:auto;}
.content{width:1200px;margin:0 auto; height:auto;}  input{outline:none;} textarea{resize:none} 

/* display */
.db { display: block; }
.dn { display: none; }

/* text-align */
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.tj { text-align: justify; }

/*边距*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}

/*颜色*/
.color_red{color:#ff4949;}
.color_blue{color:#00aaee;}
.color_orange{color:#ff6600;}
.color_666{color:#666;}
.b{font-weight: bold;}

/*字体*/
.f12{font-size:12px !important;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f30{font-size:30px;}


/*行高*/
.l20{line-height:20px;}
.l24{line-height:24px;}
.l30{line-height:30px;}
.l36{line-height:36px;}


/*  settled  */
.Yun-header{width: 100%; height: 80px; background: #f7f7f7;}
.settled-title{margin:30px 0;}
.settled-list li span{display: inline-block; font-size: 16px; float: left;}
.settled-list-name{width: 200px;height: 36px; line-height: 36px; font-size: 16px; text-align: center;}
.settled-input{width: 1000px;}
.settled-list-input{width: 998px; border: 1px solid #ddd; text-indent: 10px; height: 36px; line-height: 36px; font-size: 16px;}

/* ... Kselect start ...  */
.selectBox {
	background:url(../images/icon_arrow_down.png) no-repeat 288px 13px;
	cursor:pointer;
	display:block;
	width:318px;
	height: 36px;
	overflow:hidden;
	text-align:left;
	border:1px solid #ddd;
	font-size:16px;
}
.selectBox a:hover {
	text-decoration:none;
	color:#333;
	font-size:16px;
}
.selectBoxHover {
	background:url(../images/icon_arrow_down.png) no-repeat 288px 13px;
}
.selectBox a.CRselectValue {
	display:block;
	padding:0px 0px 0px 8px;
	color:#666;
	line-height:36px;
	height:36px;
	width:318px;
	_overflow:hidden;
	font-size:16px;
	padding-left:10px;
}
#geo_selection {
	position:relative
}
.selectBoxOptions {
	border-top:0;
	margin-left:-1px;
	list-style:none;
	overflow-x:hidden;
	overflow:hidden;
	z-index:1000;
	line-height:36px;
	background:#fff;
	border:1px solid #ddd;
	
	position: absolute;
	width:318px;
	max-height:600px;
	display:none;
	scrollbar-face-color: #B8DBEE;
	scrollbar-shadow-color: #9AB0D4;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #5A7BB5;
	scrollbar-darkshadow-color:#CDC191;
	scrollbar-arrow-color:#5A7BB5;
	scrollbar-base-color:#CDC191;
	scrollbar-track-color:#fff;
}
.selectBoxOptions a {
	color:#333;
	font-size:16px;
    display:block;
	padding:0px 0px 0px 4px;
	overflow:hidden;
	white-space:nowrap;
}
.selectBoxOptions a:hover {
	color:#ff4949;
}
.PassIframe {
	position:absolute;
	visibility:inherit;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:-1;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
}
.selectBox a, .selectBox a:focus {
	outline: none;
	text-decoration:none;
} 
/* ... Kselect start ...  */
.CRselectBox {
	background:url(../images/icon_arrow_down.png) no-repeat 970px 13px;
	cursor:pointer;
	display:block;
	width:998px;
	height: 36px;
	overflow:hidden;
	text-align:left;
	border:1px solid #ddd;
	font-size:16px;
}
.CRselectBox a:hover {
	text-decoration:none
	color:#333;
	font-size:16px;
}
.CRselectBoxHover {
	background:url(../images/icon_arrow_down.png) no-repeat 970px 13px;
}
.CRselectBox a.CRselectValue {
	display:block;
	padding:0px 0px 0px 8px;
	color:#666;
	line-height:36px;
	height:36px;
	width:998px;
	_overflow:hidden;
	font-size:16px;
	padding-left:10px;
}
#geo_selection {
	position:relative
}
.CRselectBoxOptions {
	border-top:0;
	margin-left:-1px;
	list-style:none;
	overflow-x:hidden;
	overflow:hidden;
	z-index:1000;
	line-height:36px;
	background:#fff;
	border:1px solid #ddd;
	
	position: absolute;
	width:998px;
	max-height:600px;
	display:none;
	scrollbar-face-color: #B8DBEE;
	scrollbar-shadow-color: #9AB0D4;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #5A7BB5;
	scrollbar-darkshadow-color:#CDC191;
	scrollbar-arrow-color:#5A7BB5;
	scrollbar-base-color:#CDC191;
	scrollbar-track-color:#fff;
}
.CRselectBoxOptions a {
	color:#333;
	font-size:16px;
    display:block;
	padding:0px 0px 0px 4px;
	overflow:hidden;
	white-space:nowrap;
}
.CRselectBoxOptions a:hover {
	color:#ff4949;
}
.PassIframe {
	position:absolute;
	visibility:inherit;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:-1;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity: 0;
}
.CRselectBox a, .CRselectBox a:focus {
	outline: none;
	text-decoration:none;
} 
/* ... Kselect over ...  */

.settled-box-btn{width: 300px; height: 48px; line-height: 48px; font-size: 20px; text-align: center; color:#fff; background: #ff4949; border-radius: 6px; margin-left: 450px; margin-top: 50px; margin-bottom: 50px; cursor: pointer;}
.settled-tip{font-size: 16px; line-height: 36px; color:#ff4949;}
.settled-list-img li{float: left; margin:15px; cursor: pointer;}
.settled-img-box{padding:10px; border: 1px solid #ddd; width: 248px;}
.settled-img-box img{width: 250px; height: 180px;}
.settled-img-txt{width: 270px; font-size: 16px; height: 30px; line-height: 30px; background: #ccc; text-align: center; color:#666; margin-top: 10px;}
.settled-succeed-txt{font-size: 30px; background: url(../images/icon_shop.png) left center no-repeat; padding-left:70px; line-height: 50px; color:#ff4949; margin:200px 400px;}

.YunTitle{text-align: center; font-size: 24px; font-weight: bold; line-height: 36px;}
.YunPartner li{float: left; margin-left: 50px;}
.YunPartner li img{width: 250px; height: 139px;}
.YunFooter{background: #f2f2f2; width: 100%; height: auto; padding: 10px 0px;}

.FooterLink a{display: inline-block; margin-left: 8px;}

/* swirct */
.switch-list li{width: 800px; height: 50px; background: #fff;border-bottom: 1px solid #ddd;}
.switch-list li span{display: inline-block; border-right: 1px solid #ddd; font-size: 16px; line-height: 50px; }
.switch-list-num{text-indent: 10px; width:150px;}
.switch-list-input{width: 360px;}
.switch-list-input input{margin-left: 10px; border: 1px solid #ddd; width: 320px; height: 32px; text-indent: 10px; line-height: 32px;}
.switch-list-on{ width:150px; padding-left: 20px;}
.switch-btn-save{width: 100px; height: 30px; margin-right: 20px; text-align: center; line-height: 30px !important; cursor: pointer; font-size: 14px; color: #fff; background: #ff4949; border-radius: 5px;outline:none; border:0 none;-webkit-appearance:none;
}
.switch-btn-close{width: 100px; height: 30px;  margin-right: 20px;text-align: center; line-height: 30px !important; cursor: pointer; font-size: 14px; color: #333; background: #aaa; border-radius: 5px;}

/* order-detail */
.mybody{background: #f0f0f0;}
.order-detail-box{width: 1200px; height:auto;}
.order-detail-title{width: 1200px; height: 50px; line-height: 50px; font-size: 16px; text-indent: 10px; background: #ddd;}
.order-detail-p{width: 100%; height: auto; background: #fff;}
.order-detail-info{font-size: 16px; height: 36px; line-height: 36px; padding:5px; border-bottom:1px solid #ddd; background: #fff;}
.order-detail-p span{display: inline-block; width: 320px; font-size: 16px; line-height: 36px; text-indent: 10px;}
.order-detail-btn{padding:8px 15px; cursor: pointer; font-size: 16px; color: #333; background: #aaa; border-radius: 6px;}

.order-detail-p-two{width: 100%; height: auto; background: #fff;}
.order-detail-p-two span{display: inline-block;width: 510px; font-size: 16px;text-indent: 10px;}

/* business-info */
.business-info-title{width: 1200px; height: 50px; line-height: 50px; font-size: 16px; text-indent: 10px; background: #ddd;}
.business-info-b{border-bottom: 1px solid #ddd; height: 36px;  background: #fff;}
.business-switch-box{width: 1000px; height: auto; background: #fff;}
.business-switch-block{width: 299px; height: auto; padding:10px 0; border-right: 1px solid #ddd;}
.business-wei-c{width: 50px; height: 50px; background: #66cc00; border-radius:30px; position: relative;}
.business-wei-icon{position: absolute; top: 12px; left: 13px; color: #fff; font-size: 20px;}
.business-wei-txt{font-size: 16px; line-height: 50px; margin-left: 10px;}
.business-wei-op{margin-right: 10px; margin-top:15px;}
/* css3实现的switch开关按钮 */
.mui-switch {width: 42px;height: 24px;position: relative; border: 1px solid #dfdfdf; background-color: #fdfdfd; box-shadow: #dfdfdf 0 0 0 0 inset; border-radius: 20px; border-radius: 18px; background-clip: content-box; display: inline-block; -webkit-appearance: none; user-select: none; outline: none; }
.mui-switch:before { content: ''; width: 22px; height: 22px; position: absolute; top: 0px; left: 0; border-radius: 18px;background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
.mui-switch:checked { border-color: #64bd63;  box-shadow: #64bd63 0 0 0 16px inset; background-color: #64bd63; }
.mui-switch-blue:checked { border-color: #00aaee !important;  box-shadow: #00aaee 0 0 0 16px inset !important; background-color: #00aaee !important; }
.mui-switch-red:checked { border-color: #ff3333 !important;  box-shadow: #ff3333 0 0 0 16px inset !important; background-color: #ff3333 !important; }
.mui-switch:checked:before {left: 19px; }
.mui-switch.mui-switch-animbg {transition: background-color ease 0.4s; }
.mui-switch.mui-switch-animbg:before {transition: left 0.3s; }
.mui-switch.mui-switch-animbg:checked {box-shadow: #dfdfdf 0 0 0 0 inset; background-color: #64bd63; transition: border-color 0.4s, background-color ease 0.4s; }
.mui-switch-blue.mui-switch-animbg:checked {box-shadow: #dfdfdf 0 0 0 0 inset; background-color: #00aaee !important; transition: border-color 0.4s, background-color ease 0.4s; }
.mui-switch-red.mui-switch-animbg:checked {box-shadow: #dfdfdf 0 0 0 0 inset; background-color: #ff3333 !important; transition: border-color 0.4s, background-color ease 0.4s; }
.mui-switch.mui-switch-animbg:checked:before {transition: left 0.3s; }











